<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Huty英语词典学习分享</title>
    {#    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"#}
    {#          integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">#}

    <link rel="stylesheet" href="{{ url_for('static',filename='bootstrap.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='body_css.css') }}">
</head>
<body>
<div class="container mt-3">
    <div class="row" style="background-color: aqua">
        <div class="col"></div>

        <div class="col-10" style="text-align: center">
            <h2 class="navbar-brand" style="font-size: 26px;padding-top: 5px">
                <span><img src="/static/lz.png" alt="" style="height: 60px">Huty英汉三百万大词典</span>
            </h2>
        </div>
        <div class="col"></div>
    </div>
    <hr class="border border-dark border-2">
    <div class="row ">
        <div class="col"></div>
        <div class="col-10">
            <form action="{{ url_for ('index') }}" method="POST" enctype="multipart/form-data">
                <div class="input-group mb-3">
                    <label class="col mx-auto">
                        <input type="text" class="form-control" placeholder="请输入单词"
                               name="word_query" value="{{ word_query }}">
                    </label>
                    <button type="submit" class="btn btn-outline-info">查看</button>

                </div>
            </form>
        </div>
        <div class="col"></div>
    </div>
    <div class="row">
        <div class="col"></div>
        <div class="col-10">
            {% if result %}
                <h5>单 词：<span style="color: red">{{ result[1] }}</span>
                    <br>
                </h5>
                <hr>
                <h5>读 音：[{{ result[2] }}] <br>
                    <hr>
                </h5>
                <h5>英文解释：</h5>
                <hr>
                {% if en_ex %}
                    {% for ex in en_ex %}
                        <h5>{{ loop.index }}. {{ ex }} <br>
                            <hr>
                        </h5>
                    {% endfor %}
                {% else %}
                    <h5>{{ en_ex }}</h5><br>
                    <hr>
                {% endif %}
                <h5>中文翻译：</h5>
                <hr>
                {% for ex in cn_ex %}
                    <h5>{{ loop.index }}. {{ ex }}
                        <hr>
                    </h5>
                {% endfor %}
            {% endif %}
            {% for message in get_flashed_messages() %}
                <h4 style="color: red">{{ message }}</h4>
            {% endfor %}


        </div>
        <div class="col"></div>
    </div>
</div>
<footer style="margin-top: 50px">

    <div class="container">
        <div class="row">
            <div class="col text-center">
                <hr class="border border-dark border-2">
            <span>
                <span>HutyDictionary version 1.0 &copy;CopyRight 2023</span>
                <br>
                <span>网站备案号:<a href="https://beian.miit.gov.cn"
                         style="text-decoration-line: none"> 蜀ICP备2023001715号-1</a> </span>
            </span>
                <hr class="">
                <h6 style="text-align: left;font-style: italic">免责声明：此网站提供的英汉词典仅供学习英语参考，无任何形式的商业用途，不承担任何法律责任。特此声明！Email:
                    foxhuty@qq.com</h6>
            </div>
        </div>
    </div>
</footer>
</body>
</html>
